<template>
	<view class="base-page">
		<!-- <view class="zhan1"></view> -->
		<view class="title">{{content.title}}</view>
		<view class="content" v-html="content.content">
			 
		</view>
	</view>
</template>

<script>
	
	export default {
		components: {},
		data() {
			return {
				content:{}
			}
		},
		onLoad(obj) {
			this.getData(obj.id);
		},
		methods: {
			goPage(){

			},
			getData(id){
	            let that = this;
	            this.loading = true;
	            this.$http.get("/f/noticeById?id="+id)
	            .then(function (response) {
	                that.content = response.data;     
	                console.log(that.content);
	            })
	            .catch(function (error) {
	                  // handle error
	                  console.log(error);
	            })
	        },
			back(){
				uni.navigateBack({
				    delta: 2
				});
			},
			search(){

			},
			change(item){
				this.current = item.detail.current;
			},
			goSelect(){
				console.log(222)
			},
			select(index){
				this.active = index;
				this.list.forEach((item,i)=>{
					if(i==index){
						item.addClass = "active"
					}
					else{
						item.addClass = ""
					}
				})
			}
		}
	}
</script>

<style lang="less">
	.base-page{
		width:100%;
		height:100%;
		overflow-y:auto;
		.title{
			width:100%;
			line-height:50rpx;
			margin-top:30rpx;
			font-size:36rpx;
			font-weight:600;
			color:#444444;
			text-align:center;
			padding:0 40rpx;
			box-sizing:border-box;
		}
		.img{
			width:670rpx;
			margin:0 auto;
			display:block;
			margin-top:40rpx;
		}
		.content{
			width:100%;
			box-sizing:border-box;
			padding:0 40rpx;
			line-height:40rpx;
			color:#666666;
			font-size:30rpx;
			margin-top:20rpx;
		}
	}
</style>
